<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div {
            width: 600px;
            height: 600px;
            background-color: skyblue;
        }

        img {
            float: left;
            margin-right: 1em;
        }

        .p2::first-letter {
            font-size: 50px;
            float: left;
        }
    </style>
</head>

<body>
    <div>
        <img src="../../CSS样式/images/happy-halloween.webp" alt="">
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro, delectus! Maxime at hic facilis illum nobis,
        omnis minus quia. Tenetur assumenda natus blanditiis cum magni obcaecati ad aperiam sunt dignissimos doloribus
        error corrupti molestiae odio nesciunt, inventore ex reprehenderit fugit sequi perspiciatis similique nisi
        labore. Adipisci soluta sint, fugiat dolorum quas libero incidunt eligendi blanditiis repellendus cumque
        quisquam optio maiores, nisi debitis repudiandae in modi quaerat nam ut neque quis quia ducimus dicta! Pariatur
        ratione explicabo perferendis natus quaerat reiciendis culpa? Asperiores eaque in voluptatibus dignissimos,
        corrupti dolorem ipsa sit aperiam ab tempore nobis est ratione quaerat magnam fugit ut.
    </div>
    <hr>
    <div class="p2">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet, minima consectetur aspernatur
        rerum perspiciatis amet dignissimos! Sed officia nobis eligendi, sit dicta praesentium dolore itaque soluta iure
        molestiae, rerum, corrupti necessitatibus qui totam perspiciatis nemo tempore facilis ducimus et laborum nostrum
        assumenda ullam sequi at? Ab aliquam, fuga dolor et nulla vitae totam voluptas architecto minima cum hic rem at
        atque vero maiores ullam ea odit esse molestiae repudiandae repellendus iure incidunt facilis asperiores.
        Cupiditate libero reprehenderit corporis id inventore recusandae, illum hic unde animi, architecto, quibusdam
        modi rem. Aspernatur rerum, suscipit tempore in iusto magni beatae deleniti eveniet similique.
    </div>
</body>

</html>